/**
 *   ГЛАВНАЯ ТАБЛИЦА СТИЛЕЙ ЭЛЕКТРОННОГО ЖУРНАЛА «ШКАЛА»
 *   Copyright © 2019, А.М.Гольдин. Modified BSD License
 */

@font-face {
   font-family:fnt; src:url("ptsans.otf");}
body {
   background:#f6f3f0; font:12pt fnt, sans-serif;
   margin:0px; padding:0px;}
a {
   color:#963; text-decoration:none;}
a:hover {
   text-decoration:underline;}
h1, h2, h3 {
   color:#963; text-align:center; margin:12pt 0px 6pt;}
h3 {
   font-size:1.1em;}
h3:first-child {
   margin-top:0px;}
select {
   -webkit-appearance: none; -moz-appearance: none;
   -ms-appearance: none; appearance: none;}
button {
   font-size: 100%;}
   
/* ОКНА С ФОРМОЙ АВТОРИЗАЦИИ, ФОРМОЙ СМЕНЫ ПАРОЛЯ И ИНФОРМАЦИОННЫМ СООБЩЕНИЕМ
   -------------------------------------------------------------------------- */
article, output, div#chPwdWin {
   display: none; width:18em; position:absolute; top:30%; left:50%;
   margin-top:-5em; margin-left:-9em; padding:0px; border:1px solid #963;
   border-radius:10px; box-shadow: 2px 2px 3px 2px #999;
   text-align:center; background:#f6f3ee;}
output {
   position:fixed; top:40%; z-index:99999;}
article h1, article input, article button, output button, article div,
div#chPwdWin h1, div#chPwdWin input, div#chPwdWin button {
   font-size:14pt;}
article h1, div#chPwdWin h1 {
   background:#963; color:#ff6; margin:0px 0px 20px; padding:5px;
   border:1px solid #963; border-radius:10px 10px 0px 0px;
   font-weight:bold;}
article div, div#chPwdWin div#chPwdWarn {
   font-size:12pt; color:red; text-align:center;
   margin-bottom:20px; display:none;}
output div {
   font-size:14pt; text-align:center; margin:20px 5px 0px;}
output table {
   margin:auto; border-collapse:collapse;}
output td, output th {
   font-size:12pt; text-align:center; border:1px solid #963; padding:2px 10px;}
output td:first-child {
   font-weight:bold;}
article input, article button, output button,
div#chPwdWin input, div#chPwdWin button {
   display:inline-block; width:80%; margin:5px 0px; padding:3px;}
article input, div#chPwdWin input {
   background:#f6f3f0; border:none; border-bottom:1px solid #963;}
article input:focus, div#chPwdWin input:focus {
   background:#fff; outline:none;}
article input#uCateg, article input#uCateg:focus {
   background:#e6ded5; caret-color:#e6ded5; text-align:center; font-size:0.9em;
   font-weight:bold; color:#963; border:none; padding:3px; cursor:pointer;}
article button, output button, div#chPwdWin button {
   background:#963; color:#ff6; border:none;
   margin:20px 0px; font-weight:bold; cursor: pointer;}
article img {
   display:block; margin:5px auto -2px;}

/* ХИДЕР (ЗАГОЛОВОЧНАЯ СТРОКА И МЕНЮ)
   ----------------------------------------------------- */
header, nav {
   position:fixed; width:100%; height:22pt; left:0px; top:0px;
   z-index:99998; background:#963; color:#ff6; font-size:14pt;
   padding:2pt 6pt 0px; text-align:right;
}
header span {
   padding:0px 3pt;}
header span#progName {
   position:absolute; left:10px; top:2pt; font-weight:bold;}
header span#chPwd, header a {
   text-decoration:none; color:#ff6;}
header a {
   padding-right:10px;}
header select {
   background:#963; color:#ff6; font-size:12pt; border:none; padding-top:0px;}
nav {
   top:22pt; background:#b0844d; text-align:center;}
nav ul {
   margin:0px; padding:0px;}
nav li {
   list-style:none; display:inline; padding:3pt 12pt 0px;}
nav li.sel {
   background:#f6f3ee; color:#963; font-weight:bold;
   box-shadow:inset 0px 2px 0px 0px #b0844d; border-bottom:5pt solid #f6f3ee;
   border-radius:5px 5px 0px 0px;}
header span#chPwd:hover, header a:hover, header select:hover, nav li:hover {
   cursor:pointer;}
header img {
   height:14pt; position:fixed; top:5px; left:5px; display:none;}
header img:hover {
   cursor:pointer;}
   
/* ФУТЕР
   ----------------------------------------------------- */
footer {
   position:fixed; width:100%; left:0px; bottom:0px;
   z-index:99997; background:#963; color:#ff6; font-size:11pt;
   padding:2pt 2px; text-align:center; display:none;
}
footer a {
   color:#ff6; text-decoration:none}
footer a:hover {
   text-decoration:underline}

/* СОДЕРЖАТЕЛЬНЫЕ БЛОКИ СТРАНИЦЫ: ОБЩИЕ СТИЛИ
   ----------------------------------------------------- */
section {
   display:none; position:absolute; width:100%; left:0px; top:70pt;
   text-align:center; padding-bottom:60px;}
section button {
   background:#963; color:#ff6; border:none; cursor: pointer;
   margin:20px 0px; padding:3px 10px; font-weight:bold;
   border-radius:3px;}
section input, section select {
   font-size:1em; padding:3px; margin:3px;
   border:1px solid #b0844d; border-radius:3px;}

/* БЛОКИ РАБОТЫ С ПОЛЬЗОВАТЕЛЯМИ И АДМИНИСТРАТОРАМИ
   ----------------------------------------------------- */
section#users p {
   margin:5px 0px 3px; color:gray;}
section#users input {
   display:block; width:15em; max-width:98%; margin:3pt auto;}
section#users input#loadUsFile {
   display:none;}
section#users input#usFindCateg, section#users input#newUcateg {
   caret-color:#fff; cursor:pointer;}
section#users select {
   margin:3pt auto; background:white;}
section#users button {
   display:block; margin:3pt auto;}
section#users button#addUser, section#users button#importUser {
   background:none; font-weight:normal; color:#963;}
section#users button#importUser {
   display:inline;}
section#users button#addUser:hover {
   text-decoration:underline; color:#b0844d;}
section#users div#findUser {
   max-width:98%;}
section#users div#findUser input,
section#users div#findUser select,
section#users div#findUser button {
   display:inline-block;}
section#users div#findUser input#usFindCateg {
   width:6em;}
section#users table, section#admins table {
   margin:10px auto; background:white; border-collapse:collapse;
   border:1px solid #963;}
section#users th, section#users td, section#admins td {
   border:1px solid #963; padding:2px 5px; text-align:left;}
section#users th {
   text-align:center; color:#963;}
section#users td.un {
   text-align:center;}
section#users tr.blk td {
   color:gray;}
section#users  td[title="Редактировать"],
section#users  td[title="Назначить администратором"],
section#admins td[title="Удалить из администраторов"],
section#users  td[title="Заблокировать"],
section#users  tr.blk td[title="Разблокировать"] {
   color:#963; cursor:pointer; text-align:center;}
section#users  td[title="Является администратором"] {
   color:red; font-weight:bold; text-align:center;}
   
/* БЛОКИ РАБОТЫ СО СПИСКОМ КЛАССОВ, СПИСКОМ ПОДГРУПП, КОДАМИ ДЛЯ РОДИТЕЛЕЙ
   ----------------------------------------------------------------------- */
section#classes select {
   margin:3pt; background:white;}
section#classes div {
   display:inline-block; max-width:98%; text-align:left;}
section#classes span {
   display:inline-block; margin:3px; padding:3px;
   width:3.2em; background:#e6ded5;}
section#subgroup div#subGrList div {
   padding:3px; width:8em; margin:3px auto;
   background:#e6ded5; text-align:left;}
section#classes span div,
section#subgroup div#subGrList div div {
   display:inline; margin-right:3px;}
section#classes span div:hover,
section#subgroup div#subGrList div div:hover {
   cursor:pointer;}
section#subgroup table, section#parcodes table {
   border-collapse:collapse; border:1px solid #963;
   margin:auto; margin-top:10px;}
section#parcodes table {
   margin-bottom:20px;}
section#subgroup table td {
   border:1px solid #963; padding:3px; color:#963;
   min-width: 2em; cursor:pointer;}
section#parcodes table td, section#parcodes table th {
   border:1px solid #963; padding:3px 10px;}
section#subgroup table td:first-child, section#parcodes table td:first-child {
   text-align:left; cursor:default; color:black;}

/* БЛОК РАБОТЫ СО СПИСКОМ ПРЕДМЕТОВ
   ----------------------------------------------------- */
section#subjects div {
   display:inline-block; max-width:98%; text-align:left;}
section#subjects span, section#subjects input {
   display:block; margin:3px auto; padding:3px;
   width:25em; max-width:98%; background:#e6ded5;}
section#subjects input {
   background:#fff; max-width:95%;}
section#subjects input:first-of-type {
   margin-top:30px;}
section#subjects input.sbEd {
   width:90%; margin:auto;}
section#subjects span div {
   display:inline-block; width:1.5em; margin-right:3px; color:#963;}
section#subjects span div:hover {
   cursor:pointer;}
section#subjects span div.noCur:hover {
   cursor:default;}
   
/* БЛОК РАСПРЕДЕЛЕНИЯ ПЕДАГОГИЧЕСКОЙ НАГРУЗКИ
   ----------------------------------------------------- */
section#distrib table {
   margin:auto;}
section#distrib td:first-child {
   font-weight:bold; padding-right:10px;}
section#distrib select {
   background:#f6f3f0; border:none; cursor:pointer;}
section#distrib select#distSelTeach,
section#distrib select#distSelSubj,
section#distrib select#distSelClass,
section#distrib select#distSelClassPredv {
   background:#e6ded5; border:1px solid #963; margin:3px;}
section#distrib table#teachLoad {
   border-collapse:collapse; margin-top:10px;}
section#distrib table#teachLoad td {
   border:1px solid #963; padding:5px;}
section#distrib table#teachLoad td:first-child {
   font-weight:normal; text-align:left; padding-right:3px;}
section#distrib table#teachLoad td:nth-child(3) {
   cursor:pointer;}
   
/* БЛОК РАБОТЫ АДМИНИСТРАТОРА С МЕЖКЛАССНЫМИ ГРУППАМИ УЧАЩИХСЯ
   ----------------------------------------------------------- */
section#groups p {
   width:50em; max-width:95%; margin:auto; text-align:justify;}
section#groups span {
   display:block; margin:3px auto; padding:3px; text-align:left;
   width:50em; max-width:95%; background:#e6ded5;}
section#groups span div {
   display:inline-block; padding:2px 5px; white-space:nowrap; overflow:auto;}
section#groups span div:nth-child(2) {
   font-weight:bold; width:2.5em;}
section#groups span div:nth-child(3) {
   width:43em; max-width:95%;}
section#groups span div[title="Удалить"] {
   cursor:pointer;}
section#groups input {
   background:#fff; max-width:95%;}
section#groups input[type="number"] {
   width:3em;}
section#groups input#ingrNewTitle {
   width:20em;}

/* ДОБАВЛЕНИЕ УЧИТЕЛЕМ УЧАЩИХСЯ В МЕЖКЛАССНЫЕ ГРУППЫ
   ----------------------------------------------------- */
section#grusers p {
   font-weight:bold; margin:20px 0px 10px;}
section#grusers input {
   width:20em; max-width:95%;}
section#grusers div#grusDatalist {
   display:none; padding:5px; border:1px solid gray; width:19.5em;
   max-width:95%; margin:auto; background:white;
   max-height:20ex; overflow-y:auto;}
section#grusers button {
   display:block; background:white; color:black; border:none;
   margin:0px; padding:3px; font-weight:normal; text-align:left; width:100%;}
section#grusers button:hover {
   background:#e6ded5;}
section#grusers div#grusPupList div {
   width:25em; max-width:95%; margin:2px auto; background:#e6ded5;
   text-align:left; padding:1px 5px;}
section#grusers div#grusPupList span:first-child {
   cursor: pointer;}
section#grusers div#grusPupList span:nth-child(2) {
   display:inline-block; width:2.5em; text-align:right;}

/* БЛОК РАБОТЫ С РАЗРЕШЕНИЕМ АДМИНИСТРАЦИИ НА ПРОПУСК УРОКОВ
   ---------------------------------------------------- */
section#permit table {
   border-collapse:collapse; margin:10px auto;}
section#permit table td {
   border:1px solid #963; padding:5px; text-align:center;}
section#permit table td:first-child {
   text-align:left;}
section#permit table td:nth-child(2) {
   width:1.5em; cursor: pointer; color:#963}
input#permitDocNum {
   width: 5em;}
section#permit p {margin: 5px 0; color:#c00;}
button#permChAll {
   display: block; border: none; background: transparent; color: #963;
   cursor: pointer; margin: 10px auto 0; font-weight: normal;}
button#permChAll:hover {
   text-decoration: underline;}

/* БЛОК РАБОТЫ С ДОКУМЕНТАМИ О ПРИЧИНАХ ПРОПУСКА УРОКОВ
   ---------------------------------------------------- */
section#docs h2 {margin: 0 auto 10px; font-size: 1.2em;}
section#docs h3 {margin:15px 0px 5px;}
section#docs table {
   border-collapse:collapse; margin:10px auto;}
section#docs table th, section#docs table td {
   border:1px solid #963; padding:5px;}
section#docs table td:nth-child(6) {
   text-align:left;}
section#docs table td:first-child,
section#docs table td:nth-child(2),
section#docs table td:nth-child(3) {
   cursor:pointer;}
section#docs table td:first-child {background: #bbc274;}
section#docs table td:nth-child(2) {background: #fabec3;}
section#docs table td:nth-child(3) {background: #fba5ac;}
section#docs table td.bg0 {background: none; cursor: default;}
section#docs p {
   text-indent: 1.5em; width: 800px; max-width: 90%; margin: 4px auto;
   text-align: left; hyphens: auto;}
button#sprSubm {display: block; margin: 10px auto;}
   
/* БЛОК ОТОБРАЖЕНИЯ ПОСЕЩАЕМОСТИ
   ---------------------------------------------------- */
section#absent table {
   border-collapse:collapse; margin:10px auto; border:2px solid #963;}
section#absent table th, section#absent table td {
   border:1px solid #963; padding:5px; text-align:center;}
section#absent table tr:nth-child(even) {
   background:#edeae7;}
section#absent table td:nth-child(odd) {
   color:#c00;}
section#absent table td:first-child {
   text-align:left; color:black;}
section#absent table td:first-child,
section#absent table tr:first-child th,
section#absent table tr:nth-child(2) th:nth-child(even),
section#absent table td:nth-child(odd) {
   border-right-width: 2px;}
section#absent table tr.bold td {
   border-top-width: 2px; font-weight:bold;}
section#absent table tr:nth-child(2) th,
section#absent table tr:first-child th:first-child {
   border-bottom-width: 2px;}
section#absent h3 {
   margin:15px 0px 5px;}
   
section#absent table#noRespect,
section#absent table#noRespect td:nth-child(n),
section#absent table#noRespect tr:nth-child(n) {
   text-align:left; background:none; vertical-align:top;
   border-width:1px; border-left:none; border-right:none;}

/* БЛОК ОТОБРАЖЕНИЯ ЕЖЕДНЕВНОЙ ЯВКИ
   ---------------------------------------------------- */
section#attend table {
   border-collapse:collapse; margin:10px auto;}
section#attend table td {
   border:1px solid #963; padding:5px; text-align:left;}
section#attend table td:first-child {
   text-align:center;}
   
/* БЛОКИ ОТОБРАЖЕНИЯ ТАБЕЛЯ И ДАННЫХ О ВНЕУРОЧНОЙ ДЕЯТЕЛЬНОСТИ 
   ------------------------------------------------------------ */
section#achsheet table, section#vdtut table {
   border-collapse:collapse; margin:10px auto; border:1px solid #963;
   max-width:95%;}
section#achsheet table th, section#achsheet table td {
   border:1px solid #963; padding:5px; text-align:center;}
section#achsheet table td:first-child {
   text-align:left;}
section#vdtut table td {
   border:1px solid #963; padding:5px; text-align:left;}
section#vdtut table td span {
   display:inline-block; width:6em; background:#e6ded5; margin:2px;
   white-space:nowrap;}
section#vdtut table td span b {
   color:#963;}
section#vdtut table td span em {
   font-weight:bold; font-style:normal;}
   
/* БЛОК ЭКСПОРТА ЖУРНАЛА В ФАЙЛ
   ---------------------------------------------------- */
section#export #expGet {
   display:none;}
section#export ol {
   width:500px; max-width:95%; margin:auto;}
section#export li {
   margin:3pt 0pt; text-align:justify;
   -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
section#export h3#expMan {
   margin-top:24pt;}
   
/* БЛОК РАБОТЫ С ЗАМЕТКАМИ
   ---------------------------------------------------- */
section#notes p {
   margin:5px 0px 0px; font-size:90%;}
section#notes span {
   font-weight:bold;}
section#notes textarea {
   display:block; height:5em; width: 800px; max-width:98%; margin:5px auto 0px;
   padding:3pt; font-size:100%; outline: none; resize: none;
   border:1px solid #963; border-radius:3px;}
section#notes button {
   margin:5px auto;}
section#notes table {
   margin:auto; border-collapse:collapse;}
section#notes table th, section#notes table td {
   padding:3px 5px; border:1px solid #963;}
section#notes table th {
   font-size:90%;}
section#notes table td[title] {
   cursor:pointer;}
section#notes table td:last-child {
   text-align:left;}
   
/* БЛОКИ РАБОТЫ С ЛОГАМИ И СТАТИСТИКОЙ
   ---------------------------------------------------- */
section#userlog p, section#stat p {
   margin:10px 0px 5px; font-weight:bold;}
section#userlog select, section#userlog button,
section#stat select, section#stat button {
   margin:0px 5px;}
section#userlog table, section#stat table {
   margin:auto; border-collapse:collapse;}
section#stat table.firstLeft td:first-child {
   text-align:left;}
section#userlog table th, section#userlog table td,
section#stat table th, section#stat table td {
   padding:3px 5px; border:1px solid #963;}
section#userlog table th, section#stat table th {
   font-size:90%;}
section#stat div h3 {
   margin-top:20px;}
   
/* МОБИЛЬНАЯ ВЕРСИЯ
   ----------------------------------------------------- */
@media (max-width: 1200px) {
   /* Хидер и меню ............................. */
   header img {
      display:block;}
   span#progName {
      display:none;}
   nav {
      display:none;}
   nav ul {
      position:fixed; left:0px; top:22pt; width:100%;}
   nav li {
      display:block; padding:3px; background:#b0844d;}
   nav li.sel {
      box-shadow:none; border:none; border-radius:0px;
      background:#b0844d; color:#ff6;   }
   section {
      top:48pt;}
}